<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="download/font_2151723_68mb5tz6khy/iconfont.css">
    <link rel="stylesheet" href="download/font_2151848_cuo7lp854xj/iconfont.css">
    <title>Document</title>
    <link rel="stylesheet" href="css/index.css">
    <link rel="stylesheet" href="css/reset.css">
</head>

<body>
    <header>
        <ul class="list">
            <li>
                <a href="">明星</a>
                <span></span>
            </li>
            <li class="focus">
                <a href="">推荐</a>
                <span></span>
            </li>
            <li>
                <a href="">韩剧</a>
                <span></span>
            </li>
        </ul>
        <div class="center">
            <input type="text" placeholder="搜索剧集、明星" class="click">
            <img src="img/ph.png" alt="" class="head">
        </div>
    </header>
    <main>
        <img src="img/banner-1.png" alt="">
        <ul>
            <li>
                <span class="iconfont icon-yingpianku"></span>
                <a href="">片库</a>
            </li>
            <li>
                <span class="iconfont icon-dianshiju"></span>
                <a href="">韩剧</a>
            </li>
            <li>
                <span class="iconfont icon-zongyi"></span>
                <a href="">综艺</a>
            </li>
            <li>
                <span class="iconfont icon-shequ"></span>
                <a href="">社区</a>
            </li>
            <li>
                <span class="iconfont icon-wodeguanzhu"></span>
                <a href="">我的关注</a>
            </li>
        </ul>
    </main>
    <section>
        <div class="top">
            <h4>热播好剧</h4>
            <span>查看更多   ></span>
        </div>
        <ul>
            <li>
                <div class="content">
                    <img src="img/6.jpg" alt="">
                    <span>更新至10集</span>
                </div>
                <p>虽然是精神病...</p>
            </li>
            <li>
                <div class="content">
                    <img src="img/6.jpg" alt="">
                    <span>更新至10集</span>
                </div>
                <p>虽然是精神病...</p>
            </li>
            <li>
                <div class="content">
                    <img src="img/6.jpg" alt="">
                    <span>更新至10集</span>
                </div>
                <p>虽然是精神病...</p>
            </li>
            <li>
                <div class="content">
                    <img src="img/6.jpg" alt="">
                    <span>更新至10集</span>
                </div>
                <p>虽然是精神病...</p>
            </li>
            <li>
                <div class="content">
                    <img src="img/6.jpg" alt="">
                    <span>更新至10集</span>
                </div>
                <p>虽然是精神病...</p>
            </li>
            <li>
                <div class="content">
                    <img src="img/6.jpg" alt="">
                    <span>更新至10集</span>
                </div>
                <p>虽然是精神病...</p>
            </li>
        </ul>
    </section>
    <footer>
        <ul>
            <li class="focus">
                <span class="iconfont icon-index"></span>
                <a href="">首页</a>
            </li>
            <li>
                <span class="iconfont icon-shipin"></span>
                <a href="">视频</a>
            </li>
            <li>
                <span class="iconfont icon-wode"></span>
                <a href="">我的</a>
            </li>
        </ul>
    </footer>
</body>

</html>